<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <meta charset="UTF-8">
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport" content="width=750,inital-scale=1.0,maximum-scale=1.0">
    <title>listColumn</title>
    <link rel="stylesheet" href="./css/overall.css">
    <link rel="stylesheet" href="https:/cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    <link rel="stylesheet" href="./css//main.css">
    <link rel="stylesheet" href="./css/listColumn.css">
    <!-- [if lt IE 9]>
    <script src="/js/html5.js" type="text/javascript" charset="utf-8"></script>
    <![endif] -->
    <link rel="javascript" href="./js/html5.js">
</head>

<body>
    <div class="bigNav animate__animated animate__fadeInDown PrimeNav">
        <div class="FirstNav d-flex">
            <div class="name d-flex">
                <img src="./images/FooterImg.png" alt="">
            </div>
            <div class="linkDiv">
                <div class="Link">
                    <a href="/">首页</a>
                    <a href="javascript:void(0)" class="ToFooter">教室预约</a>
                    <a href="http://id.ouc.edu.cn:8071/sso/login?service=http%3A%2F%2Fmy.ouc.edu.cn%2Fuser%2FsimpleSSOLogin">学校信息门户</a>
                </div>
            </div>
        </div>
        <div class="SecondContainer">
            <div class="secondNav" frag="窗口01">
                <ul class="wap_nav" frag="窗口内容">
                    <li class="nav-item">
                        <a to="">
                            <p class="beforeChangeP">一级导航</p>
                        </a>
                        <i></i>
                        <!-- <div class="hidediv"> -->
                        <ul class="sub-nav">
                            <li>
                                <a to="item.path" class="longP">
                      二级导航
                    </a>
                                <i></i>
                            </li>
                            <li>
                                <a to="item.path" class="longP">
                      二级导航
                    </a>
                                <i></i>
                            </li>
                            <li>
                                <a to="item.path" class="longP">
                      二级导航
                    </a>
                                <i></i>
                            </li>
                            <li>
                                <a to="item.path" class="longP">
                      二级导航
                    </a>
                                <i></i>
                            </li>
                            <li>
                                <a to="item.path" class="longP">
                      二级导航
                    </a>
                                <i></i>
                            </li>
                            <li>
                                <a to="item.path" class="longP">
                      二级导航
                    </a>
                                <i></i>
                            </li>
                        </ul>
                        <!-- </div> -->
                    </li>
                    <li class="nav-item">
                        <a to="">
                            <p class="beforeChangeP">一级导航</p>
                        </a>
                        <i></i>
                        <!-- <div class="hidediv"> -->
                        <ul class="sub-nav">
                            <li>
                                <a to="item.path" class="longP">
                                    <p>二级导航</p>
                                </a>
                            </li>
                        </ul>
                        <!-- </div> -->
                    </li>
                    <li class="nav-item">
                        <a to="">
                            <p class="beforeChangeP">一级导航</p>
                        </a>
                        <i></i>
                        <!-- <div class="hidediv"> -->
                        <ul class="sub-nav">
                            <li>
                                <a to="item.path" class="longP">
                                    <p>二级导航</p>
                                </a>
                            </li>
                        </ul>
                        <!-- </div> -->
                    </li>
                    <li class="nav-item">
                        <a to="">
                            <p class="beforeChangeP">一级导航</p>
                        </a>
                        <i></i>
                        <!-- <div class="hidediv"> -->
                        <ul class="sub-nav">
                            <li>
                                <a to="item.path" class="longP">
                                    <p>二级导航</p>
                                </a>
                            </li>
                        </ul>
                        <!-- </div> -->
                    </li>
                    <li class="nav-item">
                        <a to="">
                            <p class="beforeChangeP">一级导航</p>
                        </a>
                        <i></i>
                        <!-- <div class="hidediv"> -->
                        <ul class="sub-nav">
                            <li>
                                <a to="item.path" class="longP">
                                    <p>二级导航</p>
                                </a>
                            </li>
                        </ul>
                        <!-- </div> -->
                    </li>
                    <li class="nav-item">
                        <a to="">
                            <p class="beforeChangeP">一级导航</p>
                        </a>
                        <i></i>
                        <!-- <div class="hidediv"> -->
                        <ul class="sub-nav">
                            <li>
                                <a to="item.path" class="longP">
                                    <p>二级导航</p>
                                </a>
                            </li>
                        </ul>
                        <!-- </div> -->
                    </li>
                    <li class="nav-item">
                        <a to="">
                            <p class="beforeChangeP">一级导航</p>
                        </a>
                        <i></i>
                        <!-- <div class="hidediv"> -->
                        <ul class="sub-nav">
                            <li>
                                <a to="item.path" class="longP">
                                    <p>二级导航</p>
                                </a>
                            </li>
                        </ul>
                        <!-- </div> -->
                    </li>
                    <li class="nav-item">
                        <a to="">
                            <p class="beforeChangeP">一级导航</p>
                        </a>
                        <i></i>
                        <!-- <div class="hidediv"> -->
                        <ul class="sub-nav">
                            <li>
                                <a to="item.path" class="longP">
                                    <p>二级导航</p>
                                </a>
                            </li>
                        </ul>
                        <!-- </div> -->
                    </li>
                </ul>
            </div>
            <img src="./images//gougu.png" alt="">
        </div>
    </div>


    <template id="teacherList">
        <div class="item bg-gblue">
            <a href="https://math.ouc.edu.cn/2021/0611/c8923a336163/page.htm" class="aTag">
                <div class="photo bg-blue d-inblock">
                    <img src="" alt="">
                </div>
            </a>
            <div class="info ">
                <div class="row">
                    <a href="https://math.ouc.edu.cn/2021/0611/c8923a336163/page.htm" class="aTag2">
                        <div class="fs-26 style-black">
                            <span class="tName"></span>
                        </div>
                    </a>
                    <p class="fs-16 style-black left">
                        <span class="tJobs"></span>
                    </p>
                </div>
                <div class="row">
                    <p class="fs-16 style-black researchA">
                        <img src="./images/yanjiulingyu.jpg" alt="" class="yjfx">
                        <span class="tResearch">
                        </span>
                    </p>
                </div>

                <div class="row">
                    <p class="fs-16 style-black">
                        <img src="./images/laoshiyouxiang.jpg" alt="" class="lsyx">
                        <span class="tEmail"></span>
                    </p>
                </div>
            </div>
        </div>
    </template>
    <template id="principle">
        <div class="principleInfo">
            <div class="photo bg-blue"></div>
            <div class="personInfo">
              <p class="name style-lightBlue fs-24">谢树森</p>
              <p class="position fs-24">院长</p>
              <p class="tele fs-24">电话：66787307</p>
              <p class="email fs-24">邮箱：shusenxie@ouc.edu.cn</p>
              <p class="assignment fs-24">职责分工：主持学院工作</p>
            </div>
          </div>
    </template>
    <!-- 校园行政 -->
    <template id="xyxz">
        <p class="style-blue fw-b fs-26 listTitle">学院行政领导班子</p>
        <!-- 学院行政 -->
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">院 长
                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        谢树森

                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        主持学院工作

                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787307

                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">shusenxie@ouc.edu.cn

                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>

        </div>
        <div class="leaderList">
                        <div class="item">
                            <!-- <a href="" class="aTag" target="_blank"> -->
                            <div class="photo bg-blue d-inblock">
                                <img alt="" id="leadersImg">
                            </div>
                            <!-- </a> -->
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <!-- <a href="" class="aTag2" target="_blank"> -->
                                    <div class="fs-26 style-black">
                                        <p class="style-blue fw-b">副院长
                                        </p>
                                    </div>
                                    <!-- </a> -->
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        王建


                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        分管本科生工作


                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787215


                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">pdejwang@ouc.edu.cn


                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>

        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">副院长
                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        王卫国


                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        分管研究生工作



                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787266



                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">wgwang@ouc.edu.cn



                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>

        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">副院长
                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        高振



                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        分管科研、外事工作



                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787052



                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">zhengao@ouc.edu.cn



                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>

        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">副院长
                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        于泳



                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        分管学生工作



                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787220



                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">yy@ouc.edu.cn



                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>

        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">院长助理
                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        刘彬

                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        协助院长负责学科建设、分管联合实验室工作



                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787061



                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">binliu@ouc.edu.cn



                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>

        </div>
        <!-- 学院办公室 -->
        <p class="style-blue fw-b fs-26 listTitle">学院办公室</p>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">主任

                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        赵洪庆

                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        主管学院办公室全面工作

                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787203

                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">zhq@ouc.edu.cn

                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>


        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">秘书


                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        王玺


                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        分管办公室行政相关工作


                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787153


                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg"> sxybgs@ouc.edu.cn

                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>


        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">秘书



                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        高原



                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        分管研究生教学管理工作



                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787211


                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">gaoyuan@ouc.edu.cn


                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>


        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">秘书




                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        丁媛




                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        分管本科生教学管理工作




                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787153


                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg"> dingyuan@ouc.edu.cn


                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>


        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">实验室管理

                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        王平

                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        分管实验室设备管理等相关工作
                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787232
                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg"> wpingsxo@ouc.edu.cn
                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>


        </div>
    </template>
    <!-- 党委团委 -->
    <template id="dwtw">
        <p class="style-blue fw-b fs-26 listTitle">学院党委</p>
        <!-- 学院行政 -->
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">书记
                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        张丽


                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        全面负责学院党委工作


                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787263


                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">qdzhang@ouc.edu.cn


                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>

        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">党委副书记
                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        谢树森


                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        协助书记开展党委工作


                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787307


                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">shusenxie@ouc.edu.cn


                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>

        </div>
        <div class="leaderList">
                        <div class="item">
                            <!-- <a href="" class="aTag" target="_blank"> -->
                            <div class="photo bg-blue d-inblock">
                                <img alt="" id="leadersImg">
                            </div>
                            <!-- </a> -->
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <!-- <a href="" class="aTag2" target="_blank"> -->
                                    <div class="fs-26 style-black">
                                        <p class="style-blue fw-b">党委副书记

                                        </p>
                                    </div>
                                    <!-- </a> -->
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        于泳



                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        协助书记开展党建工作，全面负责学生工作



                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787220



                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">yy@ouc.edu.cn



                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>

        </div>
        <!-- 学院办公室 -->
        <p class="style-blue fw-b fs-26 listTitle">学院团委</p>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">团委书记


                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        崔琪


                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        负责团委工作、学生思政教育、日常管理工作


                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787205


                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">cuiqi@ouc.edu.cn


                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>


        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">团委副书记



                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        律海伦



                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        负责学生党建工作、校园文化工作



                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787210



                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg"> lhl@ouc.edu.cn


                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>


        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">辅导员




                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        刘盈弟




                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        负责就业工作、创新创业工作
                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787210

                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg">liuyingdi@ouc.edu.cn


                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>


        </div>
        <div class="leaderList">
                        <div class="item">
                            <a href="" class="aTag" target="_blank">
                                <div class="photo bg-blue d-inblock">
                                    <img alt="" id="leadersImg">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row row1 style-white">
                                    <a href="" class="aTag2" target="_blank">
                                        <div class="fs-26 style-black">
                                            <p class="style-blue fw-b">辅导员





                                            </p>
                                        </div>
                                    </a>
                                </div>
                                <div class="row row2">
                                    <p class="fs-23 style-white researchA">
                                        李健





                                    </p>
                                </div>

                                <div class="row row3">
                                    <img src="./images/gangbi.png" alt="" class="penImg" />
                                    <p class="fs-23 style-white">
                                        负责资助工作、社会实践工作





                                    </p>
                                </div>
                                <div class="row row4">
                                    <img src="./images/dianhua.png" alt="" class="teleImg">
                                    <p class="fs-23 style-white">
                                        0532-66787205



                                    </p>

                                    <p class="fs-23 style-white">
                                        <img src="./images/youxiang.png" alt="" class="mailImg"> sxlijian@ouc.edu.cn



                                    </p>
                                </div>
                            </div>
                            <div class="bgcolor bg-blue"></div>
                        </div>


        </div>
    </template>


    <div class="container">
        <div class="bg">
            <img src="http://math.ouc.edu.cn/_upload/article/images/34/93/8d729bb74ee989d0949a7e0d80aa/ca95d8f1-3649-4f7a-a6c9-68be77a41689.jpg" alt="">
        </div>
        <div class="d-f">

            <div class="nav d-inblock">
                <div class="title">
                    <div class="word bg-blue">
                        <p class="fs-24 fw-n style-white titleWords"></p>
                    </div>
                </div>
                <div class="navContent" frag="窗口52" portletmode="simpleColumnAttri">

                    <div class="d-f">
                        <div class="verticalBar bg-blue"></div>
                        <div class="navLi bg-grey">
                            <!-- {InfoCycleBegin} -->
                            <!-- <div class="dot bg-blue d-inblock" v-if="isShow[index]"></div> -->
                                <div frag="窗口内容">{栏目列表}</div>
                            <!-- {InfoCycleEnd} -->
                        </div>
                    </div>
                </div>
            </div>

            <div class="content d-inblock">
                <div class="header">
                    <div class="fs-22 style-black fw-b">
                        <div frag="窗口53">
                            {栏目名称}
                        </div>
                    </div>
                    <div class="fs-15 style-black fw-b">
                        <div frag="窗口54">
                            <div farg="窗口内容">
                                {当前位置}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="horizontalBar1 bg-blue"></div>
                <!-- 窗口1：不带图新闻列表 -->
                <div class="columnContent columnContent1" frag="窗口60">
                    {栏目内容}

                </div>
                <!-- 窗口2：带图新闻列表 -->

                <!-- {InfoCycleBegin} -->
                <div class="columnContent columnContent2">
                    <div class="image" frag="窗口56">
                        缩略图
                    </div>
                    <div class="Intro" frag="窗口57">
                        {文章列表}
                    </div>
                    <div class="text" frag="窗口58">
                        {文章列表}
                    </div>
                </div>
                <!-- {InfoCycleEnd} -->

                <!-- 窗口3：教师列表 -->
                <div class="columnContent columnContent3">
                    <div frag="窗口59">
                        <div frag="窗口内容">
                            {教师列表}
                            <!-- 修改后版 -->
                            <!-- <div id="wp_news_w59">

                                <ul class="wp_article_list">

                                    <li class="list_item i1">
                                        <div class="child">
                                            <div class="item bg-gblue">
                                                <a href="https://math.ouc.edu.cn/2021/0611/c8923a336163/page.htm" class="aTag">
                                                    <div class="photo bg-blue d-inblock">
                                                        <img src="" alt="">
                                                    </div>
                                                </a>
                                                <div class="info ">
                                                    <div class="row">
                                                        <a href="https://math.ouc.edu.cn/2021/0611/c8923a336163/page.htm" class="aTag2">
                                                            <div class="fs-26 style-black">
                                                                <span class="tName"></span>
                                                            </div>
                                                        </a>
                                                        <p class="fs-16 style-black left">
                                                            <span class="tJobs"></span>
                                                        </p>
                                                    </div>
                                                    <div class="row">
                                                        <p class="fs-16 style-black researchA">
                                                            <img src="./images/yanjiulingyu.jpg" alt="" class="yjfx">
                                                            <span class="tResearch"></span>
                                                        </p>
                                                    </div>

                                                    <div class="row">
                                                        <p class="fs-16 style-black">
                                                            <img src="./images/laoshiyouxiang.jpg" alt="" class="lsyx">
                                                            <span class="tEmail"></span>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="list_item i2">
                                        <div class="child">
                                            <div class="item bg-gblue">
                                                <a href="https://math.ouc.edu.cn/2021/0611/c8923a336163/page.htm" class="aTag">
                                                    <div class="photo bg-blue d-inblock">
                                                        <img src="" alt="">
                                                    </div>
                                                </a>
                                                <div class="info ">
                                                    <div class="row">
                                                        <a href="https://math.ouc.edu.cn/2021/0611/c8923a336163/page.htm" class="aTag2">
                                                            <div class="fs-26 style-black">
                                                                名称：
                                                                <span class="tName"></span>
                                                            </div>
                                                        </a>
                                                        <p class="fs-16 style-black left">
                                                            职称：
                                                            <span class="tJobs"></span>
                                                        </p>
                                                    </div>
                                                    <div class="row">
                                                        <p class="fs-16 style-black researchA">
                                                            研究方向 ：
                                                            <span class="tResearch"></span>
                                                        </p>
                                                    </div>

                                                    <div class="row">
                                                        <p class="fs-16 style-black">
                                                            邮箱：
                                                            <span class="tEmail"></span>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                            <div id="wp_paging_w59">
                                <ul class="wp_paging clearfix">
                                    <li class="pages_count">
                                        <span class="per_page">每页&nbsp;<em class="per_count">7</em>&nbsp;记录&nbsp;</span>
                                        <span class="all_count">总共&nbsp;<em class="all_count">47</em>&nbsp;记录&nbsp;</span>
                                    </li>
                                    <li class="page_nav">
                                        <a class="first" href="javascript:void(0);" target="_self"><span>第一页</span></a>
                                        <a class="prev" href="javascript:void(0);" target="_self"><span>&lt;&lt;上一页</span></a>
                                        <a class="next" href="/sxx/list2.htm" target="_self"><span>下一页&gt;&gt;</span></a>
                                        <a class="last" href="/sxx/list7.htm" target="_self"><span>尾页</span></a>
                                    </li>
                                    <li class="page_jump">
                                        <span class="pages">页码&nbsp;<em class="curr_page">1</em>/<em class="all_pages">7</em></span>
                                        <span><input class="pageNum" type="text"><input type="hidden" class="currPageURL" value=""></span>
                                        <span><a class="pagingJump" href="javascript:void(0);" target="_self">跳转到&nbsp;</a></span>
                                    </li>
                                </ul>
                            </div> -->
                        </div>
                    </div>
                </div>

                <!-- 窗口4：退休教师列表 -->
                <!-- <div class="columnContent columnContent4">
                    <div frag="窗口75">
                        {退休教师列表}
                    </div>
                </div> -->


            </div>

        </div>
        <div class="ContainerDiv">
            <div class="FootertextContainer">
                <div class="topContainer">
                    <img src="./images/FooterImg.png" alt="">
                </div>
                <div class="textbottom">

                    地址：青岛市崂山区松岭路238号   <br> 电话：0532-66787153 <br> 邮编：266100
                    <br> 版权所有©中国海洋大学     数学科学学院     鲁ICP备05002467号-1     鲁公网安备 37021202000030号


                </div>
            </div>
            <div class="QRContainer">
                <div class="SmallDiv">
                    <img src="./images//QR.jpg" alt="">
                    <p class="">官方微信</p>
                </div>
            </div>
        </div>
        <!-- 修改前版 -->
        <!-- <div class="columnContent9">
            <div id="wp_news_w59">

                <ul class="wp_article_list">

                    <li class="list_item i1">
                        <div class="fields pr_fields">
                            <span class="Article_Index">1</span>
                            <span class="Article_Title"><a href="/_s232/_t2405/2021/0611/c8925a336162/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMzYxNjImbT1DJg__" target="_blank" title="田浩">田浩</a></span>
                        </div>
                        <div class="fields ex_fields">

                            <div class="Article_Content"><a href="/_s232/_t2405/2021/0611/c8925a336162/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMzYxNjImbT1DJg__" target="_blank" title="田浩">1.姓名：田浩2.职称：讲师3.邮箱:haot@ouc.edu.cn4.办公室：5.办公电话6.研究方向：非局部弹性力学模型（近场动力学）建模以及算法研究、非局部对流扩散问题建模以及算法研究、非局部各向异性扩散模型的建模与算法研究、机器学习与非局部建模7.主讲课程：8.学习与工作经历2003.09-2007.06山东大学数学与系统科学学院基础数学学士2007.09-2013.06山东大学数学与系统科学学院计算数学所博士 导师:王文洽、王宏2011.08-2013.02美国南...</a></div>

                        </div>
                    </li>

                    <li class="list_item i2">
                        <div class="fields pr_fields">
                            <span class="Article_Index">2</span>
                            <span class="Article_Title"><a href="/_s232/_t2405/2021/0611/c8925a336161/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMzYxNjEmbT1DJg__" target="_blank" title="王雯">王雯</a></span>
                        </div>
                        <div class="fields ex_fields">

                            <div class="Article_Content"><a href="/_s232/_t2405/2021/0611/c8925a336161/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMzYxNjEmbT1DJg__" target="_blank" title="王雯">1. 姓名：王雯2. 职称：讲师3. 邮箱：wangwen@ouc.edu.cn4. 办公室：数学楼5085. 办公电话6. 研究方向：非线性科学、斑图动力学理论7. 主讲课程：高等数学8. 学习与工作经历2020.09&nbsp;- 至今 &nbsp;&nbsp;&nbsp;中国海洋大学数学科学学院 讲师2017.09–&nbsp;2020.06山东大学控制科学与工程学院 博士2015.09 - 2017.06山东大学控制科学与工程学院 硕士9. 科研项目10. 发表文章及论著【1】Wen Wang, Shutang Liu, Zhibin Liu and ...</a></div>

                        </div>
                    </li>

                    <li class="list_item i3">
                        <div class="fields pr_fields">
                            <span class="Article_Index">3</span>
                            <span class="Article_Title"><a href="/_s232/_t2405/2021/0611/c8925a336160/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMzYxNjAmbT1DJg__" target="_blank" title="肖汉">肖汉</a></span>
                        </div>
                        <div class="fields ex_fields">

                            <div class="Article_Content"><a href="/_s232/_t2405/2021/0611/c8925a336160/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMzYxNjAmbT1DJg__" target="_blank" title="肖汉">1. 姓名：肖汉2. 职称：讲师（硕士生导师）3. 邮箱（仅限校内邮箱，防垃圾邮件）：hxiao at ouc dot edu dot cn4. 办公室：数学楼5235. 研究方向：组合优化，算法博弈6. 主讲课程：图论与网络优化，计算复杂性理论，走进运筹学，高等数学，微积分7. 学习与工作经历2016 – &nbsp;&nbsp;中国海洋大学数学科学学院 讲师2011 – 2016 &nbsp;香港大学数学系 博士、高级研究助理2004 – 2011 &nbsp;中国海洋大学数学科学学院 学士、硕士8. ...</a></div>

                        </div>
                    </li>

                    <li class="list_item i4">
                        <div class="fields pr_fields">
                            <span class="Article_Index">4</span>
                            <span class="Article_Title"><a href="/_s232/_t2405/2020/1101/c8925a305346/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMDUzNDYmbT1DJg__" target="_blank" title="王雯">王雯</a></span>
                        </div>
                        <div class="fields ex_fields">

                            <div class="Article_Content"><a href="/_s232/_t2405/2020/1101/c8925a305346/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMDUzNDYmbT1DJg__" target="_blank" title="王雯">&nbsp;&nbsp;</a></div>

                        </div>
                    </li>

                    <li class="list_item i5">
                        <div class="fields pr_fields">
                            <span class="Article_Index">5</span>
                            <span class="Article_Title"><a href="/_s232/_t2405/2020/1029/c8925a305055/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMDUwNTUmbT1DJg__" target="_blank" title="孙祥">孙祥</a></span>
                        </div>
                        <div class="fields ex_fields">

                            <div class="Article_Content"><a href="/_s232/_t2405/2020/1029/c8925a305055/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMDUwNTUmbT1DJg__" target="_blank" title="孙祥">&nbsp;&nbsp;</a></div>

                        </div>
                    </li>

                    <li class="list_item i6">
                        <div class="fields pr_fields">
                            <span class="Article_Index">6</span>
                            <span class="Article_Title"><a href="/_s232/_t2405/2020/1027/c8925a304204/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMDQyMDQmbT1DJg__" target="_blank" title="陈虎">陈虎</a></span>
                        </div>
                        <div class="fields ex_fields">

                            <div class="Article_Content"><a href="/_s232/_t2405/2020/1027/c8925a304204/page.psp?_p=YXA9MyZmPTg5MjUmYT0zMDQyMDQmbT1DJg__" target="_blank" title="陈虎">姓名:陈虎职称:副教授邮箱：chenhu@ouc.edu.cn地址：青岛市松岭路238号中国海洋大学数学科学学院学习与工作经历：2019.8-至今，副教授，中国海洋大学数学科学学院；2017.8-2019.8，博士后，北京计算科学研究中心；2011.9-2017.6，硕博连读，北京航空航天大学；2007.9-2011.6，学士，山东科技大学。研究方向：偏微分方程数值解;数值分析承担项目：1.中国海洋大学青年英才工程科研启动经费，在研，2019.9-2021.12;2.国家自然科学基金...</a></div>

                        </div>
                    </li>

                    <li class="list_item i7">
                        <div class="fields pr_fields">
                            <span class="Article_Index">7</span>
                            <span class="Article_Title"><a href="/_s232/_t2405/2020/0629/c8925a291535/page.psp?_p=YXA9MyZmPTg5MjUmYT0yOTE1MzUmbT1DJg__" target="_blank" title="付红斐 ">付红斐 </a></span>
                        </div>
                        <div class="fields ex_fields">

                            <div class="Article_Content"><a href="/_s232/_t2405/2020/0629/c8925a291535/page.psp?_p=YXA9MyZmPTg5MjUmYT0yOTE1MzUmbT1DJg__" target="_blank" title="付红斐 ">&nbsp;&nbsp;&nbsp; &nbsp; 付红斐 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; 教授，博士生导师&nbsp; &nbsp; 中国海洋大学 数学科学学院 &nbsp; &nbsp; 青岛市崂山区松岭路238号数学楼613室&nbsp; &nbsp; 邮箱：fhf@ouc.edu.cn主要从事偏微分方程数值...</a></div>

                        </div>
                    </li>

                </ul>
            </div>
        </div> -->

        <!-- 修改后版 -->
        <!-- <div id="wp_news_w59">

            <ul class="wp_article_list">

                <li class="list_item i1">
                    <div class="child">
                        <div class="item bg-gblue">
                            <a href="https://math.ouc.edu.cn/2021/0611/c8923a336163/page.htm" class="aTag">
                                <div class="photo bg-blue d-inblock">
                                    <img src="" alt="">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row">
                                    <a href="https://math.ouc.edu.cn/2021/0611/c8923a336163/page.htm" class="aTag2">
                                        <div class="fs-26 style-black">
                                            名称：
                                            <span class="tName"></span>
                                        </div>
                                    </a>
                                    <p class="fs-23 style-black left">
                                        职称：
                                        <span class="tJobs"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black researchA">
                                        研究方向 ：
                                        <span class="tResearch"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        电话号码：
                                        <span class="tTele"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        邮箱：
                                        <span class="tEmail"></span>
                                    </p>
                                    <p class="fs-23 style-black">
                                        系：
                                        <span class="tDepartment"></span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="list_item i2">
                    <div class="child">
                        <div class="item bg-gblue">
                            <a href="https://math.ouc.edu.cn/2021/0611/c8923a336162/page.htm" class="aTag">
                                <div class="photo bg-blue d-inblock">
                                    <img src="" alt="">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row">
                                    <a href="https://math.ouc.edu.cn/2021/0611/c8923a336162/page.htm" class="aTag2">
                                        <div class="fs-26 style-black">
                                            名称：
                                            <span class="tName"></span>
                                        </div>
                                    </a>
                                    <p class="fs-23 style-black left">
                                        职称：
                                        <span class="tJobs"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black researchA">
                                        研究方向 ：
                                        <span class="tResearch"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        电话号码：
                                        <span class="tTele"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        邮箱：
                                        <span class="tEmail"></span>
                                    </p>
                                    <p class="fs-23 style-black">
                                        系：
                                        <span class="tDepartment"></span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="list_item i3">
                    <div class="child">
                        <div class="item bg-gblue">
                            <a href="https://math.ouc.edu.cn/2021/0611/c8923a336161/page.htm" class="aTag">
                                <div class="photo bg-blue d-inblock">
                                    <img src="" alt="">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row">
                                    <a href="https://math.ouc.edu.cn/2021/0611/c8923a336161/page.htm" class="aTag2">
                                        <div class="fs-26 style-black">
                                            名称：
                                            <span class="tName"></span>
                                        </div>
                                    </a>
                                    <p class="fs-23 style-black left">
                                        职称：
                                        <span class="tJobs"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black researchA">
                                        研究方向 ：
                                        <span class="tResearch"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        电话号码：
                                        <span class="tTele"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        邮箱：
                                        <span class="tEmail"></span>
                                    </p>
                                    <p class="fs-23 style-black">
                                        系：
                                        <span class="tDepartment"></span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="list_item i4">
                    <div class="child">
                        <div class="item bg-gblue">
                            <a href="https://math.ouc.edu.cn/2021/0611/c8923a336160/page.htm" class="aTag">
                                <div class="photo bg-blue d-inblock">
                                    <img src="" alt="">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row">
                                    <a href="https://math.ouc.edu.cn/2021/0611/c8923a336160/page.htm" class="aTag2">
                                        <div class="fs-26 style-black">
                                            名称：
                                            <span class="tName"></span>
                                        </div>
                                    </a>
                                    <p class="fs-23 style-black left">
                                        职称：
                                        <span class="tJobs"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black researchA">
                                        研究方向 ：
                                        <span class="tResearch"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        电话号码：
                                        <span class="tTele"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        邮箱：
                                        <span class="tEmail"></span>
                                    </p>
                                    <p class="fs-23 style-black">
                                        系：
                                        <span class="tDepartment"></span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="list_item i5">
                    <div class="child">
                        <div class="item bg-gblue">
                            <a href="https://math.ouc.edu.cn/2021/0611/c8923a336159/page.htm" class="aTag">
                                <div class="photo bg-blue d-inblock">
                                    <img src="" alt="">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row">
                                    <a href="https://math.ouc.edu.cn/2021/0611/c8923a336159/page.htm" class="aTag2">
                                        <div class="fs-26 style-black">
                                            名称：
                                            <span class="tName"></span>
                                        </div>
                                    </a>
                                    <p class="fs-23 style-black left">
                                        职称：
                                        <span class="tJobs"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black researchA">
                                        研究方向 ：
                                        <span class="tResearch"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        电话号码：
                                        <span class="tTele"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        邮箱：
                                        <span class="tEmail"></span>
                                    </p>
                                    <p class="fs-23 style-black">
                                        系：
                                        <span class="tDepartment"></span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="list_item i6">
                    <div class="child">
                        <div class="item bg-gblue">
                            <a href="https://math.ouc.edu.cn/2021/0611/c8923a336158/page.htm" class="aTag">
                                <div class="photo bg-blue d-inblock">
                                    <img src="" alt="">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row">
                                    <a href="https://math.ouc.edu.cn/2021/0611/c8923a336158/page.htm" class="aTag2">
                                        <div class="fs-26 style-black">
                                            名称：
                                            <span class="tName"></span>
                                        </div>
                                    </a>
                                    <p class="fs-23 style-black left">
                                        职称：
                                        <span class="tJobs"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black researchA">
                                        研究方向 ：
                                        <span class="tResearch"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        电话号码：
                                        <span class="tTele"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        邮箱：
                                        <span class="tEmail"></span>
                                    </p>
                                    <p class="fs-23 style-black">
                                        系：
                                        <span class="tDepartment"></span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="list_item i7">
                    <div class="child">
                        <div class="item bg-gblue">
                            <a href="https://math.ouc.edu.cn/2021/0611/c8923a336157/page.htm" class="aTag">
                                <div class="photo bg-blue d-inblock">
                                    <img src="" alt="">
                                </div>
                            </a>
                            <div class="info ">
                                <div class="row">
                                    <a href="https://math.ouc.edu.cn/2021/0611/c8923a336157/page.htm" class="aTag2">
                                        <div class="fs-26 style-black">
                                            名称：
                                            <span class="tName"></span>
                                        </div>
                                    </a>
                                    <p class="fs-23 style-black left">
                                        职称：
                                        <span class="tJobs"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black researchA">
                                        研究方向 ：
                                        <span class="tResearch"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        电话号码：
                                        <span class="tTele"></span>
                                    </p>
                                </div>
                                <div class="row">
                                    <p class="fs-23 style-black">
                                        邮箱：
                                        <span class="tEmail"></span>
                                    </p>
                                    <p class="fs-23 style-black">
                                        系：
                                        <span class="tDepartment"></span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

            </ul>
        </div>
        <div id="wp_paging_w59">
            <ul class="wp_paging clearfix">
                <li class="pages_count">
                    <span class="per_page">每页&nbsp;<em class="per_count">7</em>&nbsp;记录&nbsp;</span>
                    <span class="all_count">总共&nbsp;<em class="all_count">47</em>&nbsp;记录&nbsp;</span>
                </li>
                <li class="page_nav">
                    <a class="first" href="javascript:void(0);" target="_self"><span>第一页</span></a>
                    <a class="prev" href="javascript:void(0);" target="_self"><span>&lt;&lt;上一页</span></a>
                    <a class="next" href="/sxx/list2.htm" target="_self"><span>下一页&gt;&gt;</span></a>
                    <a class="last" href="/sxx/list7.htm" target="_self"><span>尾页</span></a>
                </li>
                <li class="page_jump">
                    <span class="pages">页码&nbsp;<em class="curr_page">1</em>/<em class="all_pages">7</em></span>
                    <span><input class="pageNum" type="text"><input type="hidden" class="currPageURL" value=""></span>
                    <span><a class="pagingJump" href="javascript:void(0);" target="_self">跳转到&nbsp;</a></span>
                </li>
            </ul>
        </div> -->


</body>

<style>
    .wp_listcolumn .wp_column .wp_subcolumn .wp_column a {
        font-size: 1.0vw!important;
        padding-left: 2.7vw!important;
        /* background-color: skyblue; */
    }
    
    .wp_listcolumn .wp_column .wp_subcolumn .wp_column a .select .columnContent1 {
        /* display: none !important; */
    }
    
    .columnContent2 {
        /* display: none !important; */
    }
    
    .columnContent3 {
        /* display: none !important; */
    }
    
    .columnContent4 {
        /* display: none !important; */
    }
    
    p.listTitle {
        margin-bottom: 0.521vw;
    }
    
    .penImg {
        width: 1.302vw !important;
        height: 1.25vw !important;
        margin-top: 0.208vw !important;
    }
    
    .teleImg {
        width: 0.885vw !important;
        height: 1.354vw !important;
        margin-left: 0.26vw !important;
        margin-right: 1.406vw !important;
    }
    
    .mailImg {
        width: 1.771vw !important;
        height: 1.146vw !important;
        margin-top: -0.208vw !important;
        margin-right: 1.406vw !important;
    }
    
    .leaderList {
        position: relative;
        overflow: hidden;
    }
    
    .leaderList .photo {
        width: 9.635vw !important;
        height: 13.75vw !important;
        border-radius: 1.042vw;
        border: 0.156vw solid #fff;
        z-index: 1;
        margin-left: 1.563vw !important;
    }
    
    .leaderList .photo img {
        width: 9.635vw !important;
        height: 13.75vw !important;
        width: 7vw;
        height: 10vw;
        border-radius: 1.042vw;
    }
    
    .leaderList .item {
        width: 53.635vw !important;
        height: 19.51vw;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        margin-bottom: 2.396vw;
    }
    
    .leaderList .item .info {
        margin-left: 3.542vw !important;
    }
    
    .leaderList .item .row1 {
        border-bottom: 0.26vw dotted #0F228B;
        padding-bottom: 0.26vw;
    }
    
    .leaderList .item .row2 {
        margin-top: 1.563vw !important;
        z-index: 1;
    }
    
    .leaderList .item .row3 {
        margin-top: 1.563vw !important;
        z-index: 1;
    }
    
    .leaderList .item .row4 {
        margin-top: 0.781vw !important;
        z-index: 1;
        line-height: 2.604vw;
    }
    
    .leaderList .item .row4 p {
        line-height: 2.604vw !important;
    }
    
    .leaderList .item .bgcolor {
        width: 54.323vw;
        height: 10.938vw;
        position: absolute;
        top: 4.688vw;
        z-index: 0;
    }
    
    .leaderList .row img {
        width: 1.198vw;
        height: 2.083vw;
        margin-right: 0.781vw;
        margin-top: 0.521vw;
    }
    
    .name img {
        width: 35.6771vw;
        height: 4.6875vw;
    }
    
    .topContainer :nth-child(1) {
        height: 3.5937vw;
        width: 27.0833vw;
        margin-top: 0px!important;
    }
    
    .Footertext {
        font-size: 1.927vw;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #fff;
        margin-left: 0.677vw;
    }
    
    .bigNav {
        position: relative!important;
    }
    
    .FirstNav {
        width: 100%;
        height: 8.020833vw;
        background-color: #003e8c;
        align-items: center;
        justify-content: space-between;
        background-image: url(./images/NavBg.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: 76.041667vw;
        display: flex;
    }
    
    .sub-nav {
        height: 12.13875vw!important;
        width: 26.041667vw!important;
        /* background-color: pink!important; */
        border-left: .3125vw solid #003e8c!important;
        /* background-image: url(../images/21.png)!important; */
        background-repeat: no-repeat!important;
        position: absolute!important;
        z-index: 1!important;
        top: 2.916667vw!important;
        display: none;
        /* animation: appear .5s; */
        transition: opacity .5s;
        padding-left: 25vw;
        padding-top: 3.333vw;
        background-image: url(./images//HideNavBgImg.jpg);
        background-size: 105%;
        /* display: flex; */
    }
    
    .ContainerDiv {
        display: flex;
        height: 14.21875vw;
        width: 100%;
        background-color: #003e8c;
        background-image: url(./images/FooterBg.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 66.145833vw 0;
    }
    
    .currentP {
        font-size: 1.042vw !important;
        color: #0f228b !important;
    }
    /* 左侧导航栏 */
    
    .container {
        position: relative;
    }
    
    .container .nav {
        width: 15.9vw;
        margin-left: 14.8vw;
        margin-top: -4.7vw;
        margin-bottom: 2.604vw;
    }
    
    .container .nav .title {
        padding-left: 0.781vw;
        height: auto !important;
    }
    
    .container .nav .title .word {
        width: 16.1vw;
        height: 4.6vw;
    }
    
    .container .nav .title .word p {
        text-align: center;
        line-height: 4.635vw;
    }
    
    .container .nav .navContent {
        display: flex;
    }
    
    .container .nav .navContent .verticalBar {
        width: 0.781vw;
        height: 18.854vw;
    }
    
    .container .nav .navContent .navLi {
        width: 16.1vw;
    }
    
    .container .nav .navContent .navLi .dot {
        width: 0.677vw;
        height: 0.677vw;
        border-radius: 0.339vw;
        margin-right: 0.729vw;
    }
    
    .container .nav .navContent .navLi ul {
        overflow: hidden;
    }
    
    .container .nav .navContent .navLi ul li {
        /* margin-top: 1.406vw; */
        /* margin-left: 1.615vw; */
        /* width: 12.083vw; */
        /* height: 3.281vw !important; */
        line-height: 3.281vw;
        font-family: DengXian;
        cursor: pointer;
    }
    
    .container .nav .navContent .navLi ul li:last-of-type {
        margin-bottom: 2.344vw;
    }
    /* 右侧内容 */
    /* 右侧内容 */
    /* 顶部CSS start */
    
    .container .content {
        width: 53.8vw;
        margin-left: 3vw;
        padding-top: 0.781vw;
        vertical-align: top;
        padding-bottom: 2.604vw;
    }
    
    .container .content .header {
        display: flex;
        justify-content: space-between;
    }
    
    .container .content .horizontalBar1 {
        width: 54.167vw;
        height: 0.313vw;
        margin-top: 0.573vw;
    }
    /* 顶部CSS end */
    /* 修改站群默认样式 */
    
    .wp_listcolumn {
        border: none;
    }
    
    .wp_listcolumn .wp_column a {
        font-size: 1.25vw;
        color: #020202;
        background: none;
        border: none;
        padding-left: 1.625vw;
    }
    
    .wp_listcolumn .wp_column a:hover {
        color: #FFFFFF;
        background: none;
        font-size: 1.25vw;
        font-family: Adobe Heiti Std;
        font-weight: normal;
        color: #FFFFFF!important;
        background: #003E8C!important;
        width: 100%;
        height: 100%;
        padding-left: 1.625vw;
        transition: all .5s;
    }
    
    .wp_listcolumn .wp_column a.selected {
        /* color: #0f228b !important;
         padding-left: 1.25vw;
        background: none;
        background-image: url("./images/dot16.png");
        background-repeat: no-repeat;
        background-position: 0px; */
        font-size: 1.25vw;
        font-family: Adobe Heiti Std;
        font-weight: normal;
        color: #FFFFFF!important;
        background: #003E8C!important;
        width: 100%;
        height: 100%;
        padding-left: 1.625vw;
    }
    
    .wp_listcolumn .wp_column a .column-name {
        padding-left: 0.521vw;
    }
    
    .wp_listcolumn .wp_subcolumn a .column-name {
        padding-left: 0.521vw !important;
    }
    
    .wp_listcolumn .wp_column .wp_column a {
        font-size: 1.25vw;
        color: #020202;
        background: none;
        border: none;
    }
    
    .wp_listcolumn .wp_column .wp_column a:hover {
        color: #020202;
        background: none;
    }
    
    .wp_listcolumn .wp_column .wp_column a.selected {
        background-color: #0f228b !important;
        padding-left: 1.25vw;
        background: none;
        background-image: url("./images/dot16.png");
        background-repeat: no-repeat;
        background-position: 0px;
    }
    
    .wp_listcolumn .wp_column .wp_column .column-name {
        padding-left: 0px;
    }
    
    .paging_content {
        margin-top: 2.604vw;
    }
    
    .wp_entry {
        font-size: 1.042vw;
    }
    
    .container {
        background-color: #f7f7f7;
    }
    
    .columnContent .Article_Title,
    .Article_Summary {
        font-size: 1.25vw;
        color: #3c3c3c;
        /* // 设置文字超出部分转化为省略号显示 */
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }
    
    .columnContent .Article_PublishDate {
        /* position: absolute;
        right: 0px;
        top: 17px; */
        color: #909090;
        font-size: 1.25vw;
    }
    
    .columnContent .Article_Title {
        width: 39.948vw;
        padding-left: 1.031vw;
    }
    
    .columnContent .Article_Summary {
        width: 26.042vw;
        padding-left: 2.031vw;
    }
    
    .columnContent .wp_article_list .list_item .Article_Index {
        /* position: absolute; */
        /* top: 17px; */
        /* margin-right: 23px; */
        width: 0.833vw;
        height: 0.833vw;
        border-radius: 50%;
        background-color: #0F228B;
    }
    
    .columnContent .wp_article_list .list_item .ex_fields {
        float: none;
    }
    
    .columnContent .wp_article_list .list_item .ex_fields {
        border: none;
    }
    
    .columnContent .wp_article_list .list_item span {
        float: none;
    }
    
    .columnContent .wp_article_list .list_item {
        /* display: block !important; */
        position: relative;
        margin-top: 0.885vw;
        padding-bottom: 0.938vw;
        border-bottom: 0.052vw solid #dfdfdf;
        /* height: 4.427vw; */
        line-height: 1.302vw;
        /* line-height: 100% !important; */
        align-items: center;
        justify-content: space-between;
        /* padding-right: 0.5208vw; */
    }
    /* 仅针对窗口2修改的样式 */
    
    .columnContent2 .Article_MicroImage img {
        position: absolute;
        width: 9.74vw;
        height: 7.292vw;
        left: 0vw;
        top: 1.146vw;
    }
    
    .columnContent2 .wp_article_list .list_item {
        position: relative;
        height: 10.417vw;
        padding-left: 10.417vw;
    }
    
    .columnContent2 .wp_article_list .list_item span {
        float: none;
    }
    
    .Article_Title {
        margin-left: 0px;
    }
    
    .columnContent2 .Article_Content {
        font-size: 0.781vw;
        color: #565656;
        margin-top: 1.563vw;
    }
    
    .columnContent2 .ex_fields {}
    
    .columnContent2 .bar {
        position: absolute;
        top: 3.49vw;
        width: 40.208vw;
        height: 0.104vw;
        opacity: 0.14;
        background-color: #000;
    }
    
    .item {
        width: 24.635vw !important;
        height: 11.146vw;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        margin-bottom: 2.396vw;
    }
    
    .columnContent3 .item {
        height: 9.896vw !important;
    }
    
    .columnContent3 .wp_article_list .list_item {
        line-height: 100% !important;
    }
    
    .item .info {
        flex: 65;
        display: flex;
        flex-direction: column;
        margin-left: 0.781vw;
    }
    
    .item .info .row {
        display: flex;
        flex-direction: row;
        position: relative;
        margin-top: 0.521vw;
    }
    
    .item .info .row:nth-of-type(1) {
        margin-top: 1.302vw;
    }
    
    .item .info .row p:nth-of-type(2),
    .left {
        position: absolute;
        left: 17.771vw;
    }
    
    .item .photo {
        flex: 10;
        width: 7.344vw;
        height: 10.052vw;
    }
    
    .bg-blue {
        background-color: #0F228B;
    }
    
    .bg-gblue {
        background-color: #DDE0F0;
    }
    
    .InfoContainer {
        width: 27.188vw;
    }
    
    .header {
        display: flex;
        justify-content: space-between;
    }
    
    .briefIntro {
        width: 54.323vw;
        height: 15.104vw;
        display: flex;
        align-items: center;
        margin-top: 1.51vw;
    }
    
    .briefIntro .left {
        display: flex;
        margin-left: 2.292vw;
    }
    
    .briefIntro .left .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 8.125vw;
        height: 11.198vw;
    }
    
    .briefIntro .left .name {
        width: 8.073vw;
        height: 2.708vw;
        margin-top: 8.49vw;
    }
    
    .briefIntro .left .name p {
        text-align: center;
        line-height: 2.708vw;
    }
    
    .briefIntro .right {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 15.104vw;
        margin-left: 9.375vw;
    }
    
    .briefIntro .right .item {
        width: 26.406vw;
        text-align: justify;
        display: flex;
        align-items: center;
    }
    
    .briefIntro .right .item-last span:nth-child(3) {
        width: 13.281vw;
    }
    
    .teacherInfo .detailedIntro {
        width: 53.594vw !important;
        margin-top: 1.823vw;
        font-size: 0.885vw;
        padding: 1.042vw 1.354vw;
        line-height: 2.344vw;
    }
    
    .d-inblock {
        display: inline-block;
    }
    
    .fs-17 {
        font-size: 0.885vw;
    }
    
    .fs-30 {
        font-size: 1.563vw;
    }
    
    .dot16 {
        margin-right: 1.198vw;
        width: 0.833vw;
        height: 0.833vw;
        border-radius: 0.417vw;
        background-color: #0F228B;
    }
    
    .style-white {
        color: #fff !important;
    }
    
    .style-black {
        color: #000;
    }
    
    .style-blue {
        color: #0F228B;
    }
    
    .bg-gblue {
        background-color: #DDE0F0;
    }
    
    .bg-blue {
        background-color: #0F228B;
    }
    
    .bg-lblue {
        background-color: #6e8fbe;
    }
    
    .columnContent3 .wp_article_list .list_item {
        height: 9.896vw !important;
    }
    
    .columnContent3 ul.wp_article_list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 1.042vw;
    }
    
    .columnContent3 ul.wp_article_list .list_item:nth-child(2n) {
        margin-left: 4.219vw;
    }
    
    .columnContent3 ul.wp_article_list .list_item p {
        /* line-height: 50px; */
    }
    
    .columnContent3 .info {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .columnContent3 .info .row:nth-child(3) {
        margin-bottom: 1.042vw;
    }
    
    .columnContent3 li.list_item {
        width: 24.635vw;
    }
    
    .columnContent3 img.yjfx {
        width: 1.302vw;
        height: 1.146vw;
        margin-right: 0.781vw;
    }
    
    .columnContent3 img.lsyx {
        width: 1.302vw;
        height: 1.146vw;
        margin-right: 0.781vw;
    }s
    
    .columnContent3 span.tResearch {
        /* height: 2vw !important; */
    }
    
    span.tEmail {
        /* width: 9.375vw; */
        height: 2vw;
        overflow: hidden;
        white-space: nowrap;
    }
    
    .c .wp_paging {
        float: none;
        display: flex;
    }
    
    .pages_count {
        width: 17.542vw;
    }
    
    .page_nav {
        flex: 1;
        display: flex !important;
        justify-content: space-around;
    }
    
    .wp_paging {
        font-size: 0.938vw !important;
    }
    
    .page_nav a {
        height: 1.458vw  !important;
        background: #003E8C;
        box-shadow: 1px 1px 4px 0px rgb(76 76 76 / 41%);
        border-radius: 0.729vw;
        font-size: 0.93vw !important;
        font-family: Microsoft YaHei UI;
        font-weight: 300;
        color: #ffffff !important;
        line-height: 1.45vw;
        cursor: pointer;
        padding: 0vw 0.521vw;
    }
    
    .page_jump {
        width: 20.667vw;
    }

    .wp_paging li {
        height: 1.3vw !important;
        line-height: 1.3vw !important;
    }



    .wp_paging li input {
        width: 2.552vw;
        height: 1.042vw !important;
        border: 0vw solid #020202;
        border-radius: 0.26vw;
        font-size: 0.93vw !important;
    }

    .wp_paging li a {
        line-height: 1.3vw;
        height: 1.3vw !important;
    }
    
    .pagingJump {
        height: 1.458vw;
        background: #003E8C;
        box-shadow: 1px 1px 4px 0px rgb(76 76 76 / 41%);
        border-radius: 0.729vw;
        font-size: 0.93vw !important;
        font-family: Microsoft YaHei UI;
        font-weight: 300;
        color: #ffffff !important;
        line-height: 1.458vw;
        cursor: pointer;
        padding: 0vw 0.521vw;
    }
    
    a.pagingJump {
        line-height: 2vw imp !important;
    }
    
    .wp_paging li a.first,
    .wp_paging li a.last {
        display: none !important;
    }
    
    .columnContent4 ul.wp_article_list {
        display: flex;
        flex-wrap: wrap;
    }
    
    .columnContent4 .wp_article_list .list_item {
        width: 25%;
    }
    
    .columnContent4 .wp_article_list a {
        line-height: 4.427vw !important;
        font-size: 1.25vw !important;
        color: #0F228B !important;
    }
    
    .columnContent4 .triangle {
        border-top: 0.469vw solid transparent;
        border-left: 0.938vw solid #88abda;
        border-bottom: 0.469vw solid transparent;
        margin-left: 6.042vw;
        margin-top: 2.083vw;
    }
    
    .columnContent4 .wp_article_list .pr_fields {
        border-bottom: 0.052vw dashed #003e8c;
        margin-right: 1.458vw;
    }
    
    .columnContent4 .wp_article_list .list_item {
        border: none;
    }
    
    .wp_article_list .list_item .pr_fields {
        display: flex;
        align-items: center;
    }
    
    .columnContent4 .Article_Title {
        padding-left: 0px !important;
        width: auto !important;
    }
    
    .list_item .item .photo img {
        width: 7.5vw !important;
        height: 9.896vw !important;
    }
    
    div#w51 {
        height: auto;
    }
    /* 底栏下边距  */
    
    .researchA,
    p.researchArea {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: flex;
    }
    
    span.tResearch {
        height: 1.666vw;
        line-height: 0.833vw;
        overflow: hidden;
    }
    
    .TRtext {
        float: left;
        margin-left: -0.26vw;
        width: 100%;
        word-break: break-all;
    }
    
    .tResearch::before {
        float: left;
        width: 0.26vw;
        content: '';
        height: 2.083vw;
    }
    
    .tResearch::after {
        float: right;
        content: "...";
        height: 1.042vw;
        line-height: 1.042vw;
        /* 为三个省略号的宽度 */
        width: 3em;
        /* 使盒子不占位置 */
        margin-left: -3em;
        /* 移动省略号位置 */
        position: relative;
        left: 100%;
        top: -1.042vw;
        padding-right: 0.26vw;
        background-color: #FFF;
    }
    
    .bg img {
        width: 100%;
        height: 22.5vw;
        /* margin-left: 14.8vw; */
    }
    
    #teacherList {
        display: none;
    }
    
    a.aTag {
        display: flex;
    }
    
    .change span.Article_Title {
        /* margin-top: 17px !important; */
    }
    
    .change .Article_Index {
        top: 1.146vw !important;
    }
    
    .change .list_item {
        height: 2.604vw !important;
        margin-top: 0.521vw!important;
        padding-bottom: 0.521vw !important;
    }
    
    .change div#wp_paging_w60 {
        margin-top: 1.042vw !important;
    }
    
    .principleInfo {
        margin-left: 1.51vw;
        margin-top: 1.302vw;
        height: 15vw;
        display: flex;
        flex-direction: row;
    }
    
    .principleInfo .photo {
        width: 10.521vw;
        height: 15vw;
    }
    
    .principleInfo .personInfo {
        margin-left: 1.51vw;
        margin-top: 3.021vw;
    }
    
    .principleInfo .personInfo .tele {
        margin-top: 3.125vw;
    }
    
    .personInfo .name,
    .personInfo .position {
        margin-left: 0px;
        color: #024897;
    }

    /* 解决不带图新闻列表的 字体大小问题 */
    .columnContent1 .wp_articlecontent span {
        font-size: 1vw !important;
    }

    div#wp_listcolumn_w52 {
        padding-top: 0.521vw !important ;
    }
</style>
<script>
    var getElementsByClassName = function(searchClass, node, tag) {
        if (document.getElementsByClassName) {
            var nodes = (node || document).getElementsByClassName(searchClass),
                result = [];
            for (var i = 0; node = nodes[i++];) {
                if (tag !== "*" && node.tagName === tag.toUpperCase()) {
                    result.push(node)
                }
            }
            return result
        } else {
            node = node || document;
            tag = tag || "*";
            var classes = searchClass.split(" "),
                elements = (tag === "*" && node.all) ? node.all : node.getElementsByTagName(tag),
                patterns = [],
                current,
                match;
            var i = classes.length;
            while (--i >= 0) {
                patterns.push(new RegExp("(^|\\s)" + classes[i] + "(\\s|$)"));
            }
            var j = elements.length;
            while (--j >= 0) {
                current = elements[j];
                match = false;
                for (var k = 0, kl = patterns.length; k < kl; k++) {
                    match = patterns[k].test(current.className);
                    if (!match) break;
                }
                if (match) result.push(current);
            }
            return result;
        }
    }
    var nav = document.querySelector('.wap_nav');
    // var nav=document.getElementsByClassName('wap_nav')
    // console.log(nav);
    // console.log(this.test);
    var ToFooter = document.querySelector('.ToFooter');
    // console.log(this.ToFooter);
    var lis = nav.children; // 得到4个小li
    // 2.循环注册事件
    var Divwidth = 0;
    var isTrue = true;
    for (var i = 0; i < lis.length; i++) {
        lis[i].onmouseover = function() {
            this.children[2].style.display = 'block';
            // var timer=setInterval(addOpacity(sub_nav),1000)
        }
        lis[i].onmouseout = function() {
            this.children[2].style.display = 'none';
        }
    }
    for (var i = 0; i < this.ToFooter.length; i++) {
        ToFooter[i].onclick = function() {
            // console.log('footer');
            var t = document.body.clientHeight;
            window.scroll({
                top: t,
                left: 0,
                behavior: 'smooth'
            });
        }
    }
</script>
<script src="./js/click.js"></script>
<script src="./js/listcolumn.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/r29/html5.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/r29/html5.min.js"></script>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/r29/html5.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/r29/html5.min.js"></script>

</html>